<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" href="../css/main.css" />
		<link rel="stylesheet" href="../css/gl.css" />
		<link rel="stylesheet" href="../css/font-awesome.min.css" />
		<link rel="stylesheet" href="../css/Work_report.css" />
	</head>
	<body>
		
		<!--<#--页码 start    -->
		<div style="float: right;padding:7px 20px;" id="bottom">
			<div class="select_wrap select_w" onselectstart="return false">
			<div style="float: left;">
				<span class="bottom_left_tit">
		 		共 <span id="totalSize">0</span> 行  
					  每页显示行:
				  </span> 
					<span style="float: left;" class="select_span1">
						<span id="selectPageSize">
							<span id="selectPageSize1">10</span>
							<i class="icon-angle-up"></i>
						</span>
						<ul class="select_ul2" id="select_page_ul" onclick="this.style.display='none'">
							<li>10</li>
							<li>20</li>
							<li>30</li>
							<li>50</li>
							<li>100</li>
						</ul>
					</span>
			</div>
			<div style="float: left;margin-left: 5px" id="site">
				<button id="first_button" onClick="changeCurrentPage('first')"><i class="icon-double-angle-left"></i></button>
				<button id="last_button" onClick="changeCurrentPage('last')"><i class="icon-angle-left"></i></button>
				<div class="page_numdiv"><span id="currentPage" >1</span>/<span id="totalPage" >1</span></div>
				<button id="next_button" onClick="changeCurrentPage('next')"><i class="icon-angle-right"></i></button>
				<button id="end_button" onClick="changeCurrentPage('end')"><i class="icon-double-angle-right"></i></button>
			</div>
			</div>
		</div>
		<!--<#--页码 end    -->

		
		<script type="text/javascript" src="../js/jquery.min.js" ></script>
		<script type="text/javascript" src="../js/page.js" ></script>
		
		<script type="text/javascript">
			$(function() {
				$("#selectPageSize").click(function(){
					if($(".select_ul2").css('display')=='none'){
						$(".select_ul2").show();
						$("#selectPageSize").find('i').removeClass("icon-angle-up");
						$("#selectPageSize").find('i').addClass("icon-angle-down");
					}else {
						$(".select_ul2").hide();
						$("#selectPageSize").find('i').removeClass("icon-angle-down");
						$("#selectPageSize").find('i').addClass("icon-angle-up");
					}
				});
				$(".select_ul2 li").click(function(){
					$("#select_page_ul").hide();
					$("#selectPageSize").find('i').removeClass("icon-angle-down");
					$("#selectPageSize").find('i').addClass("icon-angle-up");
					$("#selectPageSize1").html($(this).html());
					pageSize=parseInt($(this).html());
					currentPage = 1;
					$("#currentPage").html(currentPage);
					resetTableListShowFunction();
				});
			})

		</script>
	</body>
</html>
